<!doctype html>
<html>
    <head>
        <title>HTML5 layout</title>
    </head>
    <body>





        <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
        <script type="text/javascript" src="js/verify_login.js"></script>
        
        <link rel="stylesheet" type="text/css" href="css/style.css" />


        <form action="?" method="post" id="login_form" name="login_form">
            <div id="login_form_cont">
                <div style="float:left">
                    <div style="padding-bottom: 0.4em; padding-top: 0.1em;">
                        <label for="username">Username:</label>
                    </div>
                    <div>
                        <label for="password">Password:</label>
                    </div>
                </div>
                <div>
                    <input type="text" id="username" name="username" /><br/>
                    <input type="text" id="password" name="password" />
                </div>
                <input type="submit" value="Conferma" id="login_validation" name="login_validation" />

            </div>
        </form>

        <div id="chat_cont" style="visibility: hidden">
            <header>
                Ciato!!!
            </header>
            <aside id="rooms">
                <!-- Contenuto -->
            </aside>
            <section>
                <!-- Contenuto -->
            </section>
            <aside id="users">
                <!-- Contenuto -->
            </aside>
            <footer>
                <!-- Contenuto -->
            </footer>
        </div>



    </body>
</html>